<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>

<!DOCTYPE HTML>
<html >

  <head>
    
    <title><s:property value="email"/> 用户详细信息</title>

	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->


	<link href="<%=basePath %>/background/css/layout.css" rel="stylesheet" type="text/css" />
    <link href="<%=basePath %>/background/css/header.css" rel="stylesheet" type="text/css" />


<script type='text/javascript' src="<%=basePath %>/jquery/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="<%=basePath %>/jquery/highcharts/js/highcharts.js"></script>
	<script type="text/javascript" src="<%=basePath %>/jquery/highcharts/js/modules/exporting.js"></script>
	
	

		<script type="text/javascript">
		
	
		
			var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'reportcontainer',
						zoomType: 'xy'
					},
					title: {
						text: '日常销售报'
					},
					subtitle: {
						text: 'Source: zozopo.com'
					},
					xAxis: [{
						categories: <%=request.getAttribute("reportDate")%>
							
					
					}],
					yAxis: [{ // Primary yAxis
						labels: {
							formatter: function() {
								return this.value + "(元)";
							},
							style: {
								color: '#89A54E'
							}
						},
						title: {
							text: '销售额',
							style: {
								color: '#89A54E'
							}
						}
					}, { // Secondary yAxis
						title: {
							text: '出售单数',
							style: {
								color: '#4572A7'
							}
						},
						labels: {
							formatter: function() {
								return this.value +' 单';
							},
							style: {
								color: '#4572A7'
							}
						},
						opposite: true
					}],
					tooltip: {
						formatter: function() {
							return ''+
								this.x +': '+ this.y +
								(this.series.name == '出售单数' ? ' 单' : '(元)');
						}
					},
					legend: {
						layout: 'vertical',
						align: 'left',
						x: 120,
						verticalAlign: 'top',
						y: 100,
						floating: true,
						backgroundColor: '#FFFFFF'
					},
					series: [{
						name: '出售单数',
						color: '#4572A7',
						type: 'column',
						yAxis: 1,
						data: <%=request.getAttribute("reportNum")%>
					
					}, {
						name: '销售额',
						color: '#89A54E',
						type: 'spline',
						data: <%=request.getAttribute("reportTotal")%>
					}]
				});
				
				
			});
				
		</script>
	<!-- -->
  </head>
   
  <body>
  
  <div id="container">
  <div id="header">
		 <jsp:include page="/background/head.jsp"></jsp:include>
	</div>
  <div id="applicationbar">
		 <jsp:include page="/background/app/appbar.jsp"></jsp:include>
	</div>
  <div id="mainContent">
    <div id="sidebar">

		<jsp:include page="/background/left.jsp"></jsp:include>
	</div>
	
	 
	
    <div id="content" >
    
    <div style="border:1px solid #ffffff; border-top-color:#6cb1f1; background-color: #e5f3ff; width: 100%; " >
  			详细信息  上次登陆:<s:property value="#session.operatorLastLoginLog.logindate"/>
  		</div>
  		
  		<div style="height: 115px;width: 100%;">
  		
  			<div  style="padding: 5px;float:left;width: 105px;">
	  				<img src="<s:property value="#session.qqoperatorInfo.figureurl_2"/>" width="100" height="100"/>
	  			
  			</div>
  			
  				<div  style="display:block;float:left;">
  				<p><s:property value="#session.operatorInfo.name_operator"/></p>
					<p><s:property value="#session.operatorInfo.firstname_operator"/> <s:property value="#session.operatorInfo.lastname_operator"/></p>
					
					
					<p>上班时间:<s:property value="operatorofattendance.workhours_operator"/>~<s:property value="operatorofattendance.offhours_operator"/>
					</p>
					
					
				
				
					
					<p>休息日:
						<s:if test="operatorofattendance.monday_operator!=true">
							周一
						</s:if>
						
						<s:if test="operatorofattendance.tuesday_operator!=true">
							周二
						</s:if>
						
						<s:if test="operatorofattendance.wednesday_operator!=true">
							周三
						</s:if>
						
						<s:if test="operatorofattendance.thursday_operator!=true">
							周四
						</s:if>
						
						<s:if test="operatorofattendance.firday_operator!=true">
							周五
						</s:if>
						
						<s:if test="operatorofattendance.saturday_operator!=true">
							周六
						</s:if>
						
						<s:if test="operatorofattendance.sunday_operator!=true">
							周日
						</s:if>
						
					
					<a href="/attendance/manageattendance_attendance.action">查看假期列表</a>
						</p>
					<p>
					
					
					
						<button onclick="javascript:openUrlForDialog('infooperatorlimited_background.action');">现有权限</button>
						
						<a href="manageleave_attendance.action">请假申请</a>
						
						部门:<s:property value="#session.operatorInfo.departmentname_operator"/></p>
						</div>
  			</div>
  		
  		
   
		
     	 
    <div style="border:1px solid #ffffff; border-top-color:#6cb1f1; background-color: #e5f3ff; width: 100%; " >
  			销售报表
  		</div>
	<div id="reportcontainer" style="width: 950px; height: 400px; margin: 0 auto"></div>
	</div>
  </div>
	  <div id="footer">
		<jsp:include page="/background/tail.jsp"></jsp:include>
	</div>
</div>
  
  
  
  
  </body>
  
</html>
